<!DOCTYPE html>

<html>

<head>

	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<title>我的实操项目</title>
    <link rel="stylesheet" href="css/head.css">
	<link rel="stylesheet" href="css/foot.css">
	<link rel="stylesheet" href="css/content.css">
   
</head>
	
	<body>
		<div class="head_wrap">
		 <div class="head">
            
            <img src="img/logo.png" alt="" class="logo">


			<div class="bar">
                <div class="nav">

				
					<a href="index.html">首页</a>
					<a href="index.html">页面</a>
					<a href="index.html">主页</a>
				

				</div>

			</div>

		</div>
		
	</div>
		<div class="wrap">
		<div class="center">
			<div class="swiper">

		
		
		<main>
			<article>
				
				
				<div class="banner">
				<img src="img/国立中山大学.jpg" style="width：100%">
				</div>
				
				<h1>这是一个介绍中大南方的骚网站</h1>
				<p>下面我将带领大家游尽中大南方各个角落，在这安谧沉寂的大山，一起感受四季风情，领略南院之美。以下是中山大学南方学院的部分图片。
			</article>
			
			<div class="parner">
						<span><img src="http://www.infinistudio.cn/Public/home/images/contact1.jpg" alt=""></span>
						<span><img src="http://www.infinistudio.cn/Public/home/images/contact3.jpg" alt=""></span>
				</div>


    <div class="content">
				<a workid="1" class="YES">
		<img src="img/全景.jpg" style="width：100%">
		<p>中大南方全景</p>
		</a>
		<a workid="2"  class="YES">
		<img src="img/5.jpg">
		<p>宿舍楼</p>
		</a>
		<a workid="3 "  class="YES ">
		<img src="img/3.JPG">
		<p>叶子</p>
		</a>
        <a workid="4" href="" class="YES">
		<img src="img/4.jpg">
		<p>教学楼</p>
		</a>
		<a workid="5" href="" class="YES">
		<img src="img/花2.jpg">
		<p>花朵1</p>
		</a>
		<a workid="6 " href="" class="YES">
		<img src="img/花1.jpg">
		<p>花朵2</p>
		</a>

		</main>


		
<div class="footer">
			<div class="footer_left">
				
					<img src="http://www.infinistudio.cn/Public/home/images/contact1.jpg" alt=""></a>
					<img src="http://www.infinistudio.cn/Public/home/images/contact3.jpg" alt=""></a>
				
			</div>
			<div class="footer_right">
				<div class="contact">
					<div class="contact_logo"><img src="img/title2.png" alt=""></div>
					<p>中山大学南方学院</p>
					<p>广东从化</p>
					<p>QQ : 347323769</p>
					<p>Email :fj111222333@163.com</p>
				</div>
			</div>
		</div>
	</div>



    </body>
</html>
